/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@media all
{


    .hlist { background: transparent; border: 0 none; }
    .hlist ul { margin-left: 0; border: 0 none; width: 100%;}
    .hlist ul li { line-height: 1.2em; display:block; width: 17%; border:0; padding: 0;text-align:center; float:left; margin:0px;}
    .hlist ul li.last { border-right: 1px #ccc solid;}
    .hlist ul li.first{ border-left:none; }

    .hlist ul li a {  width:91%; display:block; border-left: 1px #ccc solid; color: #000; font-weight: normal; margin: 0 5px 0 0; padding: 0.8em 0 0.6em 0.5em; }

    .hlist ul li a span { display:block; color: #888; }
    .hlist ul li strong span { display:block; color: #aaa; }

    .hlist ul li a:focus,
    .hlist ul li a:hover,
    .hlist ul li a:active{  background: #444; color: #fff;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow:inset 2px 2px 5px #111; 
        -webkit-box-shadow:inset 2px 2px 5px #111;
        box-shadow:inset 2px 2px 5px #111;
        border:none;
    }

    .hlist ul li.active { background:transparent; border: 0 none; }
    .hlist ul li.active a { background: #800; color: #fff; font-weight: bold; 
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow:inset 2px 2px 5px #222;
        -webkit-box-shadow:inset 2px 2px 5px #222;
        box-shadow:inset 2px 2px 5px #222;
        border:none;
    }

}
